<template>
	<view>

		<view style="padding: 20upx;background-color: #FFFFFF;">

			<scroll-view scroll-y style="height:100%">
				<view style="text-align: center;font-weight: bold; margin-bottom: 20rpx;">
					{{protocol.title||""}}
				</view>

			<!-- 	<view class="flex-col" style="background-color: #fff;">

					<text style="text-indent:26px">为了您的健康咨询更有效，请参照以下内容提供，以便专家正确评估您的身体状况，提出合计建议。</text>
					<text style="text-indent:26px"> 您可以提供体检报告、舌头近照等图片。您提供的咨询是一对一专家，我们会保护您的隐私。</text>
					<text style="text-indent:26px">
						您提供的咨询我们无法做到实时反馈，如有紧急情况请到当地健康机构咨询。
					</text>
					<text style="text-indent:26px">
						我们竭诚为您服务，提供精心的健康咨询。让我们共同打造一个有特色的健康管理平台！
					</text>
					<rich-text :nodes="protocol.content" style="white-space: pre-wrap;"></rich-text>
				</view> -->
				<view class="flex-row" style="padding-top: 20px;">
					<button @click="copyText" type="primary" size="default" style="padding: 10rpx;">
						<u-icon name="file-text" label="复制上述内容" color="#fff" label-color="#fff"></u-icon>
					</button>
				</view>


			</scroll-view>


		</view>
		<u-toast ref="utoast"></u-toast>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				protocol: {},
			}
		},
		onLoad() {
			this.getContract()
		},
		methods: {
			copyText() {
				uni.setClipboardData({
					data: this.protocol.content,
					complete() {
						uni.showToast({
							title: '复制成功',
							icon: 'none'
						})
					}
				})
			},
			getContract(contracId, url) {
				this.$get({
					url: `${this.$Utils.ApiUrl}/protocols/health_consult_instruction/latest`,
					data: {

					}
				}).then(res => {
					this.protocol = res;
					console.log(res)
				})

			},
		}
	}
</script>

<style>
	page {
		background-color: #fff;
	}
</style>